import { useEffect } from 'react';
import { AlertTriangleIcon, EditIcon, ShieldCheckIcon, TestTubeIcon, GiftIcon, UsersIcon, ExternalLinkIcon, MessageCircleIcon, MailIcon } from 'lucide-react';

const Disclaimer = () => {
  useEffect(() => {
    document.title = 'Disclaimer | TronoraHub';
  }, []);
  return <div className="w-full bg-[#0d0d10] pt-24 pb-16">
      <div className="container mx-auto px-4 max-w-4xl">
        {/* Header Section */}
        <div className="text-center mb-12">
          <div className="inline-flex items-center justify-center w-16 h-16 bg-[#ff6b6b]/10 rounded-full mb-6">
            <AlertTriangleIcon className="w-8 h-8 text-[#ff6b6b]" />
          </div>
          <h1 className="text-3xl md:text-4xl font-bold font-display mb-4 gradient-text">
            Editorial Disclaimer
          </h1>
          <p className="text-[#8a8f98] text-lg">
            Important information about our editorial standards and practices.
          </p>
          <p className="text-[#8a8f98] text-sm mt-2">
            Last updated: {new Date().toLocaleDateString()}
          </p>
        </div>

        {/* Content Cards */}
        <div className="space-y-8">
          {/* Editorial Independence */}
          <div className="card p-8">
            <div className="flex items-center mb-4">
              <div className="w-10 h-10 bg-[#06d6a0]/10 rounded-lg flex items-center justify-center mr-4">
                <EditIcon className="w-5 h-5 text-[#06d6a0]" />
              </div>
              <h2 className="text-2xl font-bold font-display">Editorial Independence</h2>
            </div>
            <p className="text-[#8a8f98] leading-relaxed">
              TronoraHub maintains editorial independence in all product reviews
              and content. Our reviews are based on thorough testing and objective
              analysis. While we may receive products for review from
              manufacturers or use affiliate links, our opinions and ratings are
              not influenced by external factors.
            </p>
          </div>

          {/* Accuracy & Testing */}
          <div className="grid md:grid-cols-2 gap-6">
            <div className="card p-8">
              <div className="flex items-center mb-4">
                <div className="w-10 h-10 bg-[#4361ee]/10 rounded-lg flex items-center justify-center mr-4">
                  <ShieldCheckIcon className="w-5 h-5 text-[#4361ee]" />
                </div>
                <h3 className="text-xl font-bold font-display">Information Accuracy</h3>
              </div>
              <p className="text-[#8a8f98] leading-relaxed">
                We strive to provide accurate, up-to-date information in our reviews
                and articles. However, product specifications, prices, and
                availability can change rapidly in the tech industry. We cannot
                guarantee that all information on our site is current or error-free
                at all times.
              </p>
            </div>

            <div className="card p-8">
              <div className="flex items-center mb-4">
                <div className="w-10 h-10 bg-[#06d6a0]/10 rounded-lg flex items-center justify-center mr-4">
                  <TestTubeIcon className="w-5 h-5 text-[#06d6a0]" />
                </div>
                <h3 className="text-xl font-bold font-display">Product Testing</h3>
              </div>
              <p className="text-[#8a8f98] leading-relaxed">
                Our reviews are based on hands-on testing whenever possible. Testing
                methods are designed to evaluate real-world performance and user
                experience. In some cases, we may use industry-standard benchmarks
                for comparative analysis.
              </p>
            </div>
          </div>

          {/* Affiliate & Samples */}
          <div className="grid md:grid-cols-2 gap-6">
            <div className="card p-8 border border-[#ff6b6b]/20">
              <div className="flex items-center mb-4">
                <div className="w-10 h-10 bg-[#ff6b6b]/10 rounded-lg flex items-center justify-center mr-4">
                  <span className="text-[#ff6b6b] font-bold">$</span>
                </div>
                <h3 className="text-xl font-bold font-display">Affiliate Relationships</h3>
              </div>
              <p className="text-[#8a8f98] leading-relaxed">
                TronoraHub participates in various affiliate marketing programs.
                This means we may earn commissions on products purchased through
                links on our site. These affiliate relationships do not affect our
                review process, product ratings, or editorial decisions.
              </p>
            </div>

            <div className="card p-8">
              <div className="flex items-center mb-4">
                <div className="w-10 h-10 bg-[#4361ee]/10 rounded-lg flex items-center justify-center mr-4">
                  <GiftIcon className="w-5 h-5 text-[#4361ee]" />
                </div>
                <h3 className="text-xl font-bold font-display">Review Samples</h3>
              </div>
              <p className="text-[#8a8f98] leading-relaxed">
                Some products reviewed on TronoraHub are provided as review units by
                manufacturers. These products are typically returned after the
                review period unless otherwise noted. Receiving review units does
                not guarantee positive coverage or influence our editorial opinions.
              </p>
            </div>
          </div>

          {/* Expert Opinions */}
          <div className="card p-8">
            <div className="flex items-center mb-4">
              <div className="w-10 h-10 bg-[#06d6a0]/10 rounded-lg flex items-center justify-center mr-4">
                <UsersIcon className="w-5 h-5 text-[#06d6a0]" />
              </div>
              <h2 className="text-2xl font-bold font-display">Expert Opinions</h2>
            </div>
            <div className="bg-[#151518] p-6 rounded-lg">
              <p className="text-[#8a8f98] leading-relaxed">
                Reviews and technical analyses on TronoraHub represent the opinions
                of our expert reviewers. Different users may have different
                experiences with the same products based on their specific needs,
                usage patterns, and preferences.
              </p>
            </div>
          </div>

          {/* Third-Party & User Content */}
          <div className="grid md:grid-cols-2 gap-6">
            <div className="card p-8">
              <div className="flex items-center mb-4">
                <div className="w-10 h-10 bg-[#4361ee]/10 rounded-lg flex items-center justify-center mr-4">
                  <ExternalLinkIcon className="w-5 h-5 text-[#4361ee]" />
                </div>
                <h3 className="text-xl font-bold font-display">Third-Party Content</h3>
              </div>
              <p className="text-[#8a8f98] leading-relaxed">
                TronoraHub may include links to third-party websites, content, or
                services. We are not responsible for the availability, accuracy, or
                content of these external sites. Inclusion of links does not imply
                endorsement.
              </p>
            </div>

            <div className="card p-8">
              <div className="flex items-center mb-4">
                <div className="w-10 h-10 bg-[#06d6a0]/10 rounded-lg flex items-center justify-center mr-4">
                  <MessageCircleIcon className="w-5 h-5 text-[#06d6a0]" />
                </div>
                <h3 className="text-xl font-bold font-display">User Comments</h3>
              </div>
              <p className="text-[#8a8f98] leading-relaxed">
                Comments and opinions expressed by users on TronoraHub do not
                reflect the views of TronoraHub or its staff. We reserve the right
                to remove user comments that violate our community guidelines.
              </p>
            </div>
          </div>

          {/* Contact */}
          <div className="card p-8 bg-gradient-to-r from-[#4361ee]/5 to-[#06d6a0]/5 border border-[#4361ee]/20">
            <div className="flex items-center mb-4">
              <div className="w-10 h-10 bg-[#4361ee]/10 rounded-lg flex items-center justify-center mr-4">
                <MailIcon className="w-5 h-5 text-[#4361ee]" />
              </div>
              <h2 className="text-2xl font-bold font-display">Contact Information</h2>
            </div>
            <p className="text-[#8a8f98] leading-relaxed">
              If you have questions about this disclaimer or believe you've found
              inaccurate information on our site, please contact us at:
              <a href="mailto:editorial@tronorahub.com" className="text-[#4361ee] hover:text-[#06d6a0] ml-1">
                editorial@tronorahub.com
              </a>
            </p>
          </div>
        </div>
      </div>
    </div>;
};
export default Disclaimer;